@media screen, projection{

body.index{ background: #f0f0f0;}

/* 主圖輪播 */
#full-width-slider{position: relative; height: 690px; width: calc(100% - 35px); min-width: 1035px; }
#full-width-slider .rsContent{ text-align: center; color: #fff; height: 690px; overflow: hidden; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#full-width-slider .rsContent h2{ font-size: 42px; margin-top: 170px;}
#full-width-slider .rsContent p{ font-size: 20px; margin-bottom: 35px;}
#full-width-slider .rsContent a{ font-size: 18px; color: #fff; padding: 7px 13px; background: rgba(255,255,255,0.3);}
#full-width-slider .rsContent a:hover{ border: solid 2px #fff; background: rgba(255,255,255,0.2); color: #fff;}
#full-width-slider .rsNav{ display: none;}

/* 廣告輪播 */
#slider-with-blocks{ width: 100%; height: 100%;}
#slider-with-blocks .rsContent{ float: left;}
#slider-with-blocks .rsArrow{ width: 0; height: 0; overflow: hidden;}
#slider-with-blocks .rsNavItem{ margin: 0 2px;}

.shippingCalculate{ width: calc(100% - 35px); min-width: 1035px; min-height: 50px; padding: 20px 0; position: absolute; top: 712px; z-index: 25; background: rgba(1,28,56,0.75);}
.shippingCalculate > div{ width: 1010px; margin: 0 auto; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px #ccc; overflow: hidden;}
.shippingCalculate h2 { 
  font-size: 13px; margin: 0; cursor: pointer;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(224,224,224) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(224,224,224) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(224,224,224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}


.shippingCalculate h2 strong { 
  position: relative;
  color: #fff; font-size: 15px; padding: 10px 20px; margin-right: 20px; display: inline-block;
  background: rgb(81,142,193); /* Old browsers */
  background: -moz-linear-gradient(top,  rgb(81,142,193) 0%, rgb(40,92,138) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518ec1', endColorstr='#285c8a',GradientType=0 ); /* IE6-9 */
}
.shippingCalculate h2 strong:after {
  position: absolute; top: 12px; right: -6px; content: url(../../images/icon/arrowBlue.png);
}

.searchFactor{ position: relative;}
.searchFactor .form-horizontal{ padding: 15px 5px 10px 5px;
  -webkit-box-shadow:inset 0 -3px 5px 0 rgba(0,0,0,0.05); box-shadow:inset 0 -3px 5px 0 rgba(0,0,0,0.05);}
.searchFactor .form-horizontal .btn-primary:link{ position: absolute; right: 15px; top: 25px; color: #fff;}
.searchFactor .form-horizontal .btn-primary:visited,.searchFactor .form-horizontal .btn-primary:hover,.searchFactor .form-horizontal .btn-primary:active{ color: #fff;}
.searchFactor .form-horizontal select{ float: left; margin: 3px 5px 5px 0;}
.searchFactor .form-group{ margin: 0 5px;}
.searchFactor .form-group label{ width: 100px; float: left;}
.searchFactor .form-group label.radio-inline,.searchFactor .form-group label.checkbox-inline{ width: auto;}
.searchFactor .form-group > div{ float: left;}
.searchFactor .form-group > div.twoCol{ width: 350px; }
.searchFactor .form-group select{ width: 110px;}

.searchFactor .form-group .form-control-static input{ vertical-align: middle;}

.searchFactor .form-file div{ display: inline-block; margin: 0 50px 0 0;}
.searchFactor .form-file .control-label{ width: auto; padding-top: 4px; padding-top: 8px\0; margin-left: 10px; display: inline-block; float: left;}
.searchFactor .form-file .form-control{ width: 100px; display: inline-block; margin: 0 5px;}

.searchFactor .packageInput table{ margin: 10px auto;}
.searchFactor .packageInput td{ padding: 5px 2px; box-sizing: border-box; vertical-align: middle;}
.searchFactor .packageInput tr:nth-child(odd){ background: #fff;}
.searchFactor .packageInput tr:nth-child(even){ background: #f5f5f5;}
.searchFactor .packageInput .btn{ margin: -2px 0 0 3px; padding: 0; height: 30px; width: 30px; float: right\0;}





.index .mainContent {width:1020px; padding:5px 0;}
.index .mainContent, .index .mainContent * {box-sizing:border-box;}
.bannerComm {padding:7px; margin:5px; float:left; background:#fff; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1); box-shadow:0 0 10px 0 rgba(0,0,0,0.1); position:relative;}
.bannerWidthUnit {width:329px;}
.bannerWidthTwoUnit {width:669px;}
.bannerHeightUnit {height:269px;}
.bannerHeightTwoUnit {height:548px;}
.floatRight {float:right !important; margin-right:7px;}

a.bannerLink, a.bannerLink * {transition:all 0.6s ease-in-out;}
a.bannerLink {width:100%; height:100%; display:inline-block; cursor:pointer; overflow:hidden;}
.bannerMaskSection {width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background-color:rgba(255, 255, 255, 0); padding:25px 15px 0 15px;}
span.bannerTitle, p.bannerContent {width:100%; height:auto; display:inline-block; color:#000; opacity:0;}
span.bannerTitle {min-height:35px; font-size:14px; line-height:20px; font-weight:bold;}
p.bannerContent {font-size:13px; line-height:130%; margin-top:5px;}
img.bannerImage {width:100%; height:auto; }
.bannerComm:hover .bannerMaskSection {background-color:rgba(255, 255, 255, .8);}
.bannerComm:hover span.bannerTitle,
.bannerComm:hover p.bannerContent    {opacity:1;}
.bannerComm:hover img.bannerImage    {transform:scale(1.1); opacity:0.6; filter:blur(2px);}





/*.boxAreaW315,.boxAreaW655{ height: 269px; padding: 7px; margin: 5px;
  overflow: hidden; float: left; position: relative; background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.boxAreaW315{ width: 329px;}
.boxAreaW655{ width: 669px;}

.bannerContainer {height:269px; padding:7px; margin:5px; background:#ffffff; float:left; box-sizing:border-box;}
.Width329 {width:329px;}
.Width669 {width:669px;}
[class^="banner"] {transition:all 0.6s ease-in-out;}
div.bannerMask {width:100%; height:100%; position:absolute; top:0; left:0px; z-index:2; background:rgba(255, 255, 255, 0); padding:25px 15px 0 15px; box-sizing:border-box;}
.bannerContainer:hover div.bannerMask {background:rgba(255, 255, 255, .8);}
.bannerContainer:hover span.bannerTitle {opacity:1;}
.bannerContainer:hover p.bannerContent {opacity:1;}
.bannerContainer:hover img.bannerImage {transform:scale(1.1); opacity:0.6; filter:blur(2px);}
*/





/* B2 */
.newsDiv h3{ color: #fff; margin: 0; padding: 8px; font-size: 14px;
  background: rgb(81,142,193); /* Old browsers */
  background: -moz-linear-gradient(top,  rgb(81,142,193) 0%, rgb(40,92,138) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518ec1', endColorstr='#285c8a',GradientType=0 ); /* IE6-9 */
}
.newsDiv h3 img{ vertical-align: middle; margin: 0 8px 2px 3px;}
.newsDiv ul{ padding: 0;}
.newsDiv ul li{ border-top: dotted 1px #adc2db; padding: 5px 6px; line-height: 135%;}
.newsDiv ul li:first-child{ border-top: none;}
.newsDiv ul li strong{ color: #3b74a6; display: block;}
.newsDiv ul li a:link{ color: #333;}
.newsDiv ul li a:visited { color: #333;}
.newsDiv ul li a:hover   { color: #22548d;}
.newsDiv ul li a:active  { color: #333;}





div.ucf_campaign {background-size: auto !important; background-repeat: no-repeat !important; background-color: #17345e; cursor: pointer;}
select[name='cal[to][country]'] {padding-left: 0px; padding-right: 3px; width: 112px;}
input[name='cal[parcel_type]'], input[name='cal[package_type]'], input[name='cal[formal_declaration]'] {margin-top: 0px;}
input[name='cal[invoice_value]'] {width: 112px; height:27px; padding-top: 2px; padding-bottom:2px; } 

}