@charset "utf-8";
/****************** CSS Document ******************/
* {margin:0px; padding:0px;}
body,html {height:100%;}
.wrapper {min-height:100%; height:auto!important; height:100%;}

/****************** universal ******************/
body {font:15px/24px 'Open Sans', sans-serif; color:#666; background:url(../images/bodyBG.jpg) repeat-x;}
a {display:inline-block; *display: inline; *zoom: 1; text-decoration:none; color:#0067b7; outline: none; /* for Firefox Google Chrome  */behavior:expression(this.onFocus=this.blur()); /* for IE */}
a img, a img:hover {border:none;}
a:hover {color:#3CF;}
ul, ol, li {list-style:none;}
input {outline: none;}
.pull-left {float:left;}
.pull-right {float:right;}
.clearfix {clear:both; height:0px; visibility:inherit;}
.overflow-hidden {overflow:hidden;}
.text-center {text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.block-center {margin:0 auto;}

/**------------------------------ normal ------------------------------**/
.wrapper,.block-footer{width:960px; margin:0 auto;}
/** header **/
.header{padding:6px 10px 6px 30px; *padding:3px 10px 2px 30px;}
.header .pull-left img{width:309px; height:30px; margin-top: 10px;}
.header .pull-right img{margin-left:8px; height: 50px;}
/** container **/
.container{padding:0 30px 20px;}
.bannerMsg{margin:20px 20px 50px;}
.bannerDownload{border:1px solid #d7d7d7; background-color:#dcf2ff; border-radius:10px; margin-bottom:50px;}
.bannerDownload-right{float: right; width: 25%; padding:15px 2%;}
.bannerDownload-left{border-right:1px solid #d7d7d7; float: left; width: 57%; padding:20px 5%; text-align: left; font-size:15px; line-height:20px; font-weight:600; margin-bottom:10px;}
.bannerDownload-left a img{float: right;}
.bannerDownload h1{color:#011432; font-size:15px; line-height:20px; font-weight:600; margin-bottom:10px; display:inline-block; *display:inline; *zoom:1; width: 339px;}
.bannerDownload-right img{max-width: 200px; width: 100%; height: auto;}
.bannerStepBlock{width:600px; margin:0 auto; padding:40px 0; background:url(../images/BG.jpg) repeat-y center 0;}
.bannerStep .bannerStepBlock:nth-child(1){padding-top:0px; border:none;}
.bannerStepTxt{width:400px; min-height:113px; font-size:16px; display:inline-block; background-color:#fff; padding:10px 0;}
.bannerStepPic{width:200px; float:left; text-align:center; background-color:#fff; padding:10px 0;}
/** footer **/
.footer{font:12px/52px Arial, "微軟正黑體", "新細明體", sans-serif; padding:3px 0; border-top:1px solid #eaeaea;}
.footer .pull-right a{margin:10px 0  10px 8px;}
.footer .pull-right img{vertical-align:middle;}
/**------------------------------ for-narrow for-tablet for-mobile------------------------------**/
body.for-narrow,
body.for-tablet,
body.for-mobile{background:none;}
.for-narrow .wrapper,.for-narrow .block-footer,
.for-tablet .wrapper,.for-tablet .block-footer,
.for-mobile .wrapper,.for-mobile .block-footer{width:100%;}/** header **/
.for-tablet .header,
.for-mobile .header{padding:6px 10px;}
/** logo **/
.for-tablet .header .pull-left img,
.for-mobile .header .pull-left img{height: 30px; width: auto;}
.for-tablet .header .pull-right img,
.for-mobile .header .pull-right img{margin-left:10px;}
/** banner **/
.for-narrow .banner img,
.for-tablet .banner img,
.for-mobile .banner img{width:100%; height:auto;}
.for-mobile .bannerDownload-left a img{float: none;}
/** container **/
.for-narrow .bannerDownload-left{padding: 20px 3.2%; width: 60%;}
.for-narrow .bannerDownload-right{padding: 15px 3.2%; width: 27%;}

.container{padding:0 30px 10px;}
.for-tablet .bannerMsg,
.for-mobile .bannerMsg,
.for-tablet .bannerDownload,
.for-mobile .bannerDownload{margin:0 0 30px;}
.for-tablet .bannerDownload a,
.for-mobile .bannerDownload a{margin:10px;}
.for-tablet .bannerDownload-right,.for-mobile .bannerDownload-right{float:none; text-align:center; width: 96%; padding:10px 2%; }
.for-tablet .bannerDownload-left,.for-mobile .bannerDownload-left{border-bottom:1px solid #d7d7d7; border-right: none; float: none; width: 96%; padding:20px 2%; text-align: center;}
.for-tablet .bannerDownload h1,.for-mobile .bannerDownload h1{margin-bottom:0px; width: auto;}
.for-tablet .bannerDownload-right h1,.for-mobile .bannerDownload h1{display: block; text-align:center;}
.for-tablet .bannerDownload-left{padding: 20px 5%; width: 90%;}
.for-tablet .bannerDownload-left h1{width: 55%; display: inline-block; text-align: left; float: left;}
.for-tablet .bannerStepBlock,
.for-mobile .bannerStepBlock{width:100%; padding-top:10px;}
.for-tablet .bannerStepTxt,.for-tablet .bannerStepPic,
.for-mobile .bannerStepTxt,.for-mobile .bannerStepPic{width:100%; font-size:16px; display:inline-block;}
.block-btn{border:1px solid #d7d7d7; background-color:#dcf2ff; border-radius:10px; padding:20px 30px; text-align:center; font-style:italic; font-size:16px;}
/** footer **/
.footer{font:12px/52px Arial, "微軟正黑體", "新細明體", sans-serif; padding:3px 0; border-top:1px solid #eaeaea;}
.for-tablet .footer .pull-left,.for-tablet .footer .pull-right,
.for-mobile .footer .pull-left,.for-mobile .footer .pull-right{width:100%; text-align:center;}
.for-tablet .footer .pull-right a,
.for-mobile .footer .pull-right a{margin: 0 0 0 8px;}
.for-tablet .footer .pull-left,
.for-mobile .footer .pull-left{line-height:22px; margin-bottom:10px;}


/** banner **/
.banner {position:relative;}

.logo-intel{position:absolute; right:10px; top:3%; z-index:999;}

.banner .video , .banner .flash{position:absolute;left:0;top:0;}
.banner .flash {display:none;}
.banner .GIF {display:none;}

.banner .GIF {position:absolute;left:0;top:0;}
.for-narrow .GIF img,
.for-tablet .GIF img,
.for-mobile .GIF img {width:100%; height:auto;}

.for-narrow .banner .flash,
.for-tablet .banner .flash,
.for-mobile .banner .flash {width:100%;height:100%;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	video{ -webkit-filter: brightness(108.5%); }
}