@charset "utf-8";
/* CSS Document */
html, body { margin:0; padding:0; font-size:16px; font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif; line-height: 140%; color:#000; background: url(../images/allbg.jpg) repeat-x; }
img { margin:0; padding:0; }
a { text-decoration: none; outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */
color:#000; }
a:hover { text-decoration:none; color:#3d3d3d; }
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img { margin: 0; padding: 0; border: none; }
img { border: none; }
ul, li { list-style:none; }
.fL { float: left; }
.fR { float: right; }
.clr { clear: both; }
.tRight { text-align: right; }
.tLeft { text-align:left; }
.tCenter { text-align: center; }
.allbg { background: url(../images/color.jpg) repeat-x bottom; padding-bottom:55px; }
.wrapper { width:1000px; margin:0 auto; }

.webMode { display: block;}
.mobMode { display: none;}

/* header */
.toplinks { height:40px; font-size:13px; position:relative; }
.toplinks .quick { height:20px; position:absolute; top:10px; font-weight:bold; }
.toplinks .quick a { height:20px; display:block; color:#1484ca; }
.toplinks .links { position:absolute; color:#1484ca; right:0px; top:10px; font-weight:bold; }
.toplinks .links a { color:#1484ca; }
.toplinks .hdads { position:absolute; top: 10px; left: 90px; }
.toplinks .hdads .item { float: left; margin-right: 10px; }
.toplinks .hdads .item a{ color: #cc0000;}

.header { height:90px; position:relative; margin-bottom: 5px;}
.logo {position: absolute; left: 0; top: 10px;}
.header .ad { height:90px; width: 728px; position: absolute; top: 0px; right: 0;}
.header .ad a{ display: block;}

.m_home { display: none; position: absolute; top: 0; right: 0; width: 40px; border-left:1px solid #d0d0d0;width:54px; height:54px; background: url(../images/icon_home.png) center center no-repeat; background-size: 30px auto;}
.m_home a{ display: block; height: 54px;}


/* mainArea */
.mainArea { }

.player_wrapper { margin-bottom: 20px; }
.player_main { width: 700px; height: 394px; float: left; /*background-color: #000;*/}
.player_main .container { position: relative;}
.player_main .container > a{ display: block;}
.player_main .container img{ width: 100%; height: auto; display: block; }

.player_list { float: left; width: 300px; height: 394px; box-sizing: border-box; background-color: #333846; padding: 40px 10px 40px 20px; overflow: hidden; position: relative;}
.player_list .list_main { height: 317px; }
.player_list .item { border: 1px solid #999; box-sizing: border-box; line-height: 39px; margin-bottom: 5px; }
.player_list .item:last-child { margin-bottom: 0px; }
.player_list .item a{ display: block; color: #999; padding: 0 10px; }
.player_list .item.active { border-color: #39e0f1;}
.player_list .item.active a{ color: #39e0f1;}
.player_list .bt_prev { position: absolute; top: 0; left:0; right: 0; background: url(../images/bt_prev.png) center center no-repeat; cursor: pointer; height: 40px;}
.player_list .bt_next {position: absolute; bottom: 0; left:0; right: 0; background: url(../images/bt_next.png) center center no-repeat; cursor: pointer; height: 40px;}

.adBlock { margin-bottom: 20px;}
.adBlock .ad {height:90px; width: 728px; float: left; margin-right: 10px;}
.adBlock .ad_list { float: left; width: 262px;}
.adBlock .ad_list ul { border-top: 1px solid #ddd;}
.adBlock .ad_list li { border-bottom: 1px solid #ddd; line-height: 43px; padding-left: 25px; background: url(../images/title_bg.png) 5px center no-repeat;}
.adBlock .ad_list a { display: block;}

.title { position: relative; height: 35px; padding-left: 130px;margin-bottom: 20px;}
.title h2 {position: absolute; top: 0; left: 0; border-left: 7px solid #333846; padding-left: 10px; line-height: 35px; font-size: 18px; font-weight: normal; }
.title .tab { overflow: hidden; border-bottom: 1px solid #333846; }
.title .tab ul{}
.title .tab li { display: inline-block; width: auto; margin-right: -5px;line-height: 35px;border: 1px solid #333846; border-bottom: none; }
.title .tab a { display: block; padding: 0 20px; font-size: 18px; color: #333846; }
.title .tab li.active { background-color: #333846; }
.title .tab li.active a{ color: #fff; }

.list_video { margin-right: -20px;}
.list_video li { float: left; width: 320px; margin-right: 20px; margin-bottom:20px; position: relative;}
.list_video .alink { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.list_video .pic img { display: block; width: 100%; height: auto; transition: all 0.6s;}
.list_video h3 { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; color: #fff; background-color: rgba(0,0,0,0.65); font-weight: normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list_video li:hover img {opacity:0.7;}

/* footer */
.footer { }
.footer_in { width:1000px; margin:0 auto; }
.sitemap { width: 1032px; }
.company { padding:10px 150px 10px 0; font-size:14px; position:relative; }
.company .website { background:url(../images/website.jpg) no-repeat; padding-left:95px; font-weight: bold; margin-bottom:10px; height:25px; line-height:25px; }
.company .browser { text-align: center; width:109px; height:22px; position:absolute; background: url(../images/browser.jpg) no-repeat; right:15px; }
.company .change { height:65px; width:140px; border-left:1px solid #E1E1E1; text-align:center; line-height:65px; position:absolute; right:0; top:50px; }

/*browser*/
.footer .browser-info a { color:#015593; }
.footer .browser-info a:hover { color:#cc0000; }
.footer .browser-info { display: none; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CBCBCB; height: 180px; position: absolute; right: 0; top: -190px; width: 415px; z-index: 500; }
.footer .browser-info h6.browser-title { background: url("../images/sprites-bg.png") repeat-x scroll 0 0 transparent; height: 27px; margin: 0 0 12px; padding: 13px 0 0 15px; }
.footer .browser-info h6.browser-title span { color: #333333; display: block; font: 14px/10px "微軟正黑體", "Microsoft JhengHei", Arial; height: 14px; text-align: left; }
ul.browser-version { list-style: none outside none; margin: 0; padding: 0 15px; }
ul.browser-version li { background: none no-repeat scroll 5px top transparent; color: #000; float: left; line-height: 1.4em; margin: 0 0 15px; min-height: 40px; padding: 5px 0 0 14%; text-align: left; width: 36%; font-size: 13px; }
ul.browser-version li { background: url("../images/ico-browser.png") no-repeat scroll 0 0 transparent; }
ul.browser-version li.ie { background-position: 0 0; }
ul.browser-version li.chrome { background-position: 0 -100px; }
ul.browser-version li.firefox { background-position: 0 -200px; }
ul.browser-version li.safari { background-position: 0 -300px; }
.footer span.browser-icon { background: url("../images/browser-icon.png") no-repeat scroll 0 0 transparent; bottom: -10px; display: block; height: 10px; position: absolute; right: 73px; width: 17px; z-index: 501; }
.footer .browser-info a.browser-close { background-image: url("../images/popup-btn-close.png"); background-repeat: no-repeat; display: block; height: 14px; margin-top: 18px; position: absolute; right: 5px; text-align: left; text-indent: -9999px; top: -6px; width: 50px; }

.m_footer { display: none;}