@charset "utf-8";
.col3 {}
.col3 .featureBox { width:195px;margin-right:10px;}
.col3 .featureBox_last { width:195px;}
.featurePic { text-align:center; height:100px; overflow:hidden; display:block;}
.featureBox { background:url(../../images/front/feature_line_h.jpg) right /*bottom*/ no-repeat; padding-right:20px; float:left; }
.featureBox_last { padding-right:0px; float:left; }
.featureBox .txt ,.featureBox_last .txt{ height:140px; overflow:hidden;}

.col3Box { width:205px; float:left; padding-left:15px;}
.col3Box_last { width:205px;float:left;padding-left:15px}
.col3Pic { height:85px; overflow:hidden; margin-bottom:10px;}
.col3Box .txt ,.col3Box_last .txt{ height:140px; overflow:hidden;}


.ipc-col3 .prdList_box, .ipc-col3 .prdList_box_last {width:203px; margin-right:30px; float:left;}
/*.col3 .prdList_box img,.col3 .prdList_box_last img{ display:block; margin:0 auto;}*/
.ipc-col3 .prdList_box_last { width:202px; margin-right:0; background:none;}
.ipc-col3 .prdList_box .thumbnail, .ipc-col3 .prdList_box_last .thumbnail{text-align:center;}
.ipc-col3-h4{width:100%;text-align:center;}
.ipc-col3 .ipc {height:154px;overflow:hidden;}
.ipc-col3 li{ padding-left:15px; background:url(../../images/front/bullet_black_shadow.jpg) no-repeat left top;}

#pdMenu { /*width:580px;*/ float:right; }
#pdMenu ul li { float:left; height:35px; display: inline-block; }
#pdMenu ul li a { display:inline-block; height:27px; background:url(../../images/front/arr_balck.gif) 7px 15px no-repeat; padding:8px 20px 0 20px;color:#333; text-decoration:none; font-weight:bold;}
#pdMenu ul li a:hover  {color:#217dfe;}


/* jQuery UI Accordion */
.ui-accordion {width:630px; padding-left:20px;}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background:url(../../images/front/line.gif) bottom repeat-x; /*height:30px;*/ border:none;font-size: 1em; padding: .5em .5em 1em 30px; color:#000; font-size:12px; font-weight:bold; margin-bottom:2px;}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
/*.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; color:#000; font-size:12px; font-weight:bold; text-decoration:none;}*/
.ui-accordion-icons .ui-accordion-header a { padding-left: 30px; width:20px;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -11px;}
.ui-accordion .ui-accordion-content { padding: 1em 1.5em; border-top: 0; margin-top: -2px; position: relative; top: 1px; overflow: auto; display: none; zoom: 1; /*height:80px;*/ color:#666; overflow:hidden;}
/*.new-body{height:80px;}*/
.ui-accordion .ui-accordion-content-active { display: block; background:#fff; margin-top:-5px; border:1px solid #d8d8d8;border-top:none;}

.newsBox {}
.newsBox .date { color:#808080; font-size:11px; margin-right:10px;}
.newsBox .photo50_50 { width:50px; float:left; margin-right:10px;}
.newsBox .photo120_120 { width:120px; float:left; margin-right:10px;}
.newsBox_side { color:#333;}
.newsBox_side ul { padding:0 0 0 10px;}
.newsBox_side li { font-size:12px; font-weight:100; background:url(../../images/front/arr_balck.gif) 7px 15px no-repeat; padding:8px 0 5px 20px;color:#333; text-decoration:none; line-height:1.4em; }
.newsBox_side a { color:#333; text-decoration:none;}
.newsBox_side a:hover {color:#217dfe;}
.newsBox_side .date { color:#808080; font-size:11px; display:block;}
.newsBox_side .photo50_50 { width:50px; float:left; margin-right:15px;}
.newsBox_side .photo120_120 { width:120px; float:left; margin-right:15px;}
.newsBox .news-body img{padding-top: 10px; padding-bottom: 20px;}
.newsBox .news-body {padding-left: 10px; padding-right: 10px;}
.newsBox h1{padding-left: -10px;}
.newsBox h1 a{font-size: 16px; color:#333; text-decoration:none;}
.newsBox .news_list {background: url(../../images/front/titleBg_2.gif) bottom repeat-x;}

.Awardbox_side { text-align:center; padding:10px;}
.Awardpic { width:95px; height:95px; background:url(../../images/front/awardPicbg.gif) no-repeat; padding:10px; margin:0 auto; overflow:hidden;}
.Awardbox_side h4 { margin-bottom:0; margin-top:5px;}
.Awardbox_side a { text-decoration:none; color:#333;}
.Awardbox_side a:hover {color:#217dfe;}
.award-ov-pic { text-align:center; height:96px; overflow:hidden;display:block;}

.videoBox { width:670px; clear:both;}
.videoBox .top { background:url(../../images/front/videoBox.gif) top no-repeat; height:10px; width:670px;}
.videoBox .foot {background:url(../../images/front/videoBox.gif) bottom no-repeat; height:10px; width:670px;}
.videoBox .v_mid { background:#f2f2f2; width:650px; padding:0 10px; clear:both; float:left;}
.videoBox .video { width:413px; float:left; margin-right:10px;}
.videoBox .videoList { width:220px; float:right;}
.videoBox .videoList li { background:#fff; margin-bottom:10px; clear:both; height:60px; padding:5px;}
.videoBox .videoList li.last { margin-bottom:0;}
.videoBox .videoList .shot { width:80px; height:60px; overflow:hidden; float:left; margin-right:10px; border:1px solid #d8d8d8;}
.videoBox .videoList h4 ,.videoBox .videoList h4 a{ color:#333; font-size:11px; text-decoration:none; height:48px; overflow:hidden;}
.videoBox .videoList h4 a:hover {color:#217dfe;}

.news_aio {width:595px; height:90px; float:left; }
.news_aio_295 { width:285px; height:90px; overflow:hidden; float:left;padding-left:10px;}
.news_aio_295 .photo50_50 { height:90px; margin-right:5px;}
.news_aio_295 a { color:#333; font-weight:bold; text-decoration:none;}
.news_aio_295 a:hover {color:#217dfe;}

/**/
.topTags { background:url(../../images/front/topTags_bg.gif) no-repeat; clear:both; width:710px; height:35px; }
.topTags ul.tags { margin:0 15px; }
.topTags ul.tags li { float:left; height:35px; display: inline-block; background:url(../../images/front/topTags_off.gif) left no-repeat; font-weight:bold; padding-left:5px; }
.topTags ul.tags li a { display:block; height:27px; width:330px; background:url(../../images/front/topTags_off.gif) right no-repeat; height:23px; padding:12px 5px 0 0; color:#333; text-align:center; text-decoration:none;}
.topTags ul.tags li.on { background:url(../../images/front/topTags_on.gif) left no-repeat; font-weight:bold; padding-left:5px; }
.topTags ul.tags li.on a { background:url(../../images/front/topTags_on.gif) right no-repeat; height:23px; padding:12px 5px 0 0; color:#333; }
.topTags ul.tags li a:hover {color:#217dfe;}




/*aio topbanner*/
#ad-box-aio { display:block; width:100%; height:350px; background: url(../../images/front/aiobanner_bg.png) no-repeat; }
.cloudcarousel { }
#title-text, #alt-text , #silder-bg{
	position:absolute;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	z-index:200;
	display:black;
	width:300px;
	text-align:center;
}
#silder-bg{
	top:200px;
	line-height:150px;
	z-index:150;
	background: url(../../images/front/silder-bg.png) center bottom no-repeat;
}
#title-text{
	top:260px;
	font-size:18pt;
	font-weight:bold;
	color:#FFF;
}
#alt-text {
	font-size:16pt;
	top:290px;
	color:#FFF;
}
#ic_carousel_ar_lt, #ic_carousel_ar_rt { position:absolute; display:block; width:32px; height:32px; background:url( ../../images/front/ic_carousel_ar.png) -32px 0 no-repeat; top:150px; right:auto; left:10px;cursor:pointer;}
#ic_carousel_ar_lt { background-position:0 0px; right:10px; left:auto; }

/* IPC
** Vick
** 20101031
** News,TradeShow
*/

/* News & TradeShow */
.news_ipc {width:670px;}
.news_ipc_330,.tradeshow_ipc_330{ width:320px; float:left; margin-right:10px;}
.news_ipc_330 h2,.tradeshow_ipc_330 h2{ background:url(../../images/front/titleBg_320.gif) no-repeat top left; width:330px; }

.news_ipc_box{ float:left; margin:0 /*0 5px 10px*/;} /*--新聞最小區塊,news與tradeshow共用*/
.news_ipc_box a{ display:block; height:auto;}
.news_ipc_box .text{ float:left; width:170px;}

.tradeshow_ipc_330{ margin:0;}
.tradeshow_ipc_330 .news_ipc_box .text a{ height:auto;}
.tradeshow_ipc_330 .news_ipc_box .text ul{ list-style:none; margin-top:3px;}
.tradeshow_ipc_330 .news_ipc_box .text li{ font-size:11px; line-height:140%;}


/* Single Column(text,figure,list)*/
.col1 {}
.col1 .prdIndex_box,.col1 .prdIndex_box_last {width:670px;float:left;}
.col1 .prdIndex_box .col1_description,.col1 .prdIndex_box_last .col1_description{ float:left; width:430px;}
.col1 .prdIndex_box ul,.col1 .prdIndex_box_last ul{ list-style:none;}
.col1 .prdIndex_box li,.col1 .prdIndex_box_last li{ padding-left:15px; background:url(../../images/front/bullet_black_shadow.jpg) no-repeat left top;}
.col1 .prdIndex_box .thumbnail,.col1 .prdIndex_box_last .thumbnail{ float:left; margin-right:10px;}
.col1 .prdIndex_box_last { background:none;}


/*why buy msi notebook*/
.whybuyBox {}
.whybuyBox .picL{width:200px; height:290px; margin-right:5px; padding-left:10px; float:left; overflow:hidden;}
.whybuyBox .rightBox {width:450px; float:left;}
.whybuyBox .rightBox .tagoff {width:213px; height:25px; border-bottom:1px solid #d9d9d9; float:left; padding:5px 0 0 10px;color:#333; font-weight:bold;cursor:pointer;}
.whybuyBox .rightBox .tagon {width:213px; height:24px; border:1px solid #d9d9d9; border-bottom:1px solid #fff; float:left; padding:5px 0 0 10px;color:#333; font-weight:bold;cursor:pointer;}
.whybuyBox .rightBox .tecbox { width:130px; height:110px; padding:10px; float:left;}
#why_about p { padding:10px; line-height:1.7em;}
#why_tec .tecbox h4 { line-height:1.2em; margin-top:5px;}
#why_about ,#why_tec { height:260px; overflow:hidden;}

/* IPC */
.ipc-mds-title{line-height:20px;}


/**
 * Shopping Navigation
 * */
.comparison-list{background:#333;;padding:5px;position:fixed;right:100px;top:10px;z-index:1000;}
.comparison-list ul{width:80px;}
.comparison-list li{margin-bottom:5px;}
.comparison-list h3{color:#FFF;font-weight:100;margin-bottom:5px;}
.sn-btn a{text-decoration:none;padding:1px 5px 3px 5px;background:#217dfe;margin-right:3px;color:#fff;border:2px solid #FFF;}
.sn-icon { width: 20px; height: 20px; background-image: url(../../images/front/sn-icon.png); }
.sn-icon-plus-off{background-position:0px 0px; margin: 3px;}
.sn-icon-plus-on{background-position:0px -20px;}}
.sn-icon-check-off{background-position:-20px 0px;}
.sn-icon-check-on{background-position:-20px -20px;}
.sn-icon-close-off{background-position:-40px 0px;}
.sn-icon-close-on{background-position:-40px -20px;}