/* CSS Document */
@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td{margin:0;padding:0;}
body{font:14px/160% Arial, "微軟正黑體";border: 0;line-height:1.5;font-size:16px;background: #fff;color: #000;word-wrap: break-word;-webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size:100%;}
p img { float: left; margin: 0 10px 5px 0; padding: 0; }
img { border: 0; width: 100%; }
table { width:auto; border-collapse: collapse;border-spacing: 0; }
a{text-decoration:none;  outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover { text-decoration: none;}
ol,ul{list-style:none;margin:0;padding:0;}
.tCenter{ text-align:center;}
.tRight{ text-align:right;}
.tLeft{ text-align:left;}
.clr { clear: both; height: 0; overflow: hidden;}
.fL { float: left; }
.fR { float: right; }

.pagesize{ width:1000px; margin:0 auto;}

.contain{ width:100%; min-height:760px; background:url(../images/bg.jpg) no-repeat; position:relative; overflow:hidden;}
.contain .header{ width:654px; margin:0 0 0 30px; position:relative;}
.contain .header .logo{ background:url(../images/logo.png) no-repeat; width:180px; height:57px; position:relative; margin:20px 0 0 0;}
.contain .header .logo a{ display:block; width:180px; height:57px;}
.contain .header .top_p{ display:none;}
.contain .header .top_m{ display:none;}
.contain .box_video{ width:654px; margin:0 0 0 30px; position:relative;}
.contain .video{ width:640px; height:auto; margin:175px 0 0 0; border:7px #FFF solid; box-shadow: 0 0 20px 6px rgba(20%,20%,40%,0.7);}
.contain .video_text{ color:#FFF; font-size:13px; margin:15px 0 10px 0; padding:0 0 0 20px; background:url(../images/arrow.png) 5px 50% no-repeat; width:315px;}
.contain .video_text img.arrow{ display:none;}
.contain .legal_text { font-size: 13px; background-color:rgba(79, 113, 178, 0.5); color: #fff; padding: 10px; }
.contain .legal_text a{color: #ffe33a; }
.contain .btn_meet{ background:url(../images/btn_meeting.png) no-repeat; width:234px; height:30px; margin:10px 0;}
.contain .btn_meet a{ display:block; width:234px; height:30px;}
.contain .box_list{ margin:0; width:270px; height:auto; position:absolute; right:25px; top:45px; }
.contain .list_title{ background:url(../images/list_title.png) no-repeat; width:242px; height:38px; position:absolute; z-index:2; left:50%; margin-left:-121px;top:-14px}
.contain .list_video{ width:270px;height:605px; margin:14px 0 0 0;border-radius:10px; border:2px solid rgba(255, 255, 255, 0.33); background:url(../images/list_bg.png) no-repeat; filter: alpha(opacity=70); background:rgba(4, 20, 126, 0.3); box-shadow: 0 0 20px 6px rgba(20%,20%,40%,0.7);}
.contain .list_video ul{ margin:50px 0 0 0;}
.contain .list_video ul li{ width:270px; position:relative;}
.contain .list_video ul li:hover{ background:#eee;}
.contain .list_video ul li:hover .v_title{ color:#000;}
.contain .list_video ul li.on{ background:#ffe33a;}
.contain .list_video ul li.on .v_title{ color:#000;}
.contain .list_video ul li a{ width:270px; height:50px; display:block; position:absolute; z-index:2;}
.contain .list_video ul li:last-child .v_box{background:none;}

.contain .v_box{ width:250px; background:url(../images/line.jpg) center bottom repeat-x; margin:0 10px; padding:13px 0; position:relative; top:3px;}
.contain .v_box .v_title{ color:#FFF; font-weight:bold;}
.contain .v_box .v_status{ width:52px; height:22px; background:url(../images/off.png) no-repeat;}
.contain .v_box .v_status_on{ width:52px; height:22px; background:url(../images/on.png) no-repeat;}

.footer{ width:100%; height:auto; padding:10px 0;}
.footer .copytext{ position:relative; width:1000px; font-size:13px; margin:0 auto; text-align:center;}

/* popup */
.popup_overlay {position: fixed; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0.5; z-index:999;}
.popup{position:absolute;z-index:999;left: 50%; width: 500px; margin-left: -250px;top:100px;background-color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 40px 20px 20px;box-sizing:border-box;}
.popup h2{font-size: 24px; line-height: 1.2em; margin:0 0 10px; padding:0 0 10px; color:#0b3f8a; border-bottom:1px solid #eee;}
.popup h2 span{font-size: 18px; color: #eb3500;}

.popup p{ line-height: 1.4em;}
.popup .close{ width:40px; height:40px; background:url(../images/btn_close.png) 0 0 no-repeat; background-size:40px auto; cursor:pointer;position:absolute;z-index:999; right:0;top:0;}