@charset "utf-8";

td {word-break:break-all; }
/*自適應表格*/
.table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em;}

/*youtube共用設定*/
.movie_box { margin:10px 0; padding-bottom:56.25%; width:100%; height:0; position: relative;}

/*按鈕*/
.btn_box { clear:both; margin:2em 0 0 0; text-align:center; }
.btn_box .btn { margin-top:5px; background-color:#A43B35; color:#FFF;}
.btn_box a:hover .btn { background-color: #AA504D;}
.btn_box2 { clear:both; }
.btn_box2 .apply_btn { background-color:#FF6C00; color:#FFF; font-size:18px;}
.btn_box2 a:hover .apply_btn { background-color: #FE7A19;}
.btn_box2 .submit_btn { background-color:#C55650; color:#FFF; font-size:18px;}
.btn_box2 a:hover .submit_btn { background-color: #D3615B;}
.btn_box2 .download_btn { margin:0 10px; background-color:#FF6C00; color:#FFF; font-size:18px;}
.btn_box2 a:hover .download_btn { background-color: #FE7A19;}

/*訊息底層_共用*/
.clear {clear:both;}
.txt_center { text-align:center;}
.fb_group { margin-top:10px;}
.margin0 { margin:0;}
.margin1 { margin:0 0 25px 0;}

.detail_box { padding:0; }
.detail_box .title_box { clear:both; overflow:hidden; position:relative; margin-bottom:10px; padding:20px;}
.detail_box .title_box2 { clear:both; overflow:hidden; padding:20px 0 0 0;}
.detail_box .title_box3 { clear:both; overflow:hidden; position:relative; margin-bottom:10px; }
.dl_title1 { text-align:center; color:#A43B34; font-weight:bold; font-size:22px;}
.dl_title2 { color:#A43B34; font-weight:bold; font-size:20px;}
.dl_title3 { float:left; width:50%; color:#A43B34; font-weight:bold; font-size:22px;}
.dl_date1 { text-align:center; color: #D9A54C; font-weight: bold; }
.detail_box .sub_box1 { clear:both; margin-bottom:2rem;}
.detail_box .sub_box2 { clear:both; overflow:hidden; margin-bottom: 2rem;}
.detail_box .sub_box3 { clear:both; margin:2rem 0;}
.detail_box .sub_box4 { clear:both; margin-bottom:10px;}
.detail_box .sub_box5 { clear:both; margin-bottom:10px;}
.detail_box .sub_box5 .fb_group { margin-top:0;}
.detail_box .img1 { display:block; max-width:100%; margin:1rem auto; }
.detail_box .img2 { display:block; max-width:100%; }
.detail_box .img_left { float: left; padding-bottom: 1rem; padding-right: 2rem; }
.detail_box .img_right { float: right; padding-bottom: 1rem; padding-left: 2rem; }
.detail_box .img_box { clear:both; overflow:hidden; margin:0 auto; width:100%; background:#FAF5EA;}/*多張圖*/
.detail_box .line1 { clear:both; margin:20px 0; border-bottom-width: 2px; border-bottom-style: dotted; word-spacing: 2px; color: #C5C5C5;}

.detail_box table { margin-top:20px; width:100%; background-color:#FEF4E9; border: 2px solid #fff;}
.detail_box .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 2px solid #fff; }
.detail_box .table-striped > tbody > tr:nth-of-type(odd) { background-color:#F7EBE8;}
.detail_box table th { background-color:#F9D6CA; color:#A43B34; font-size:18px; font-weight:bold; text-align:center;}
.detail_box .table tr td{ padding:20px;}
.detail_box .table tr th{ border-bottom:2px solid #fff;}

.detail_box ul.tabs { margin:0; text-align:center;}
.detail_box ul.tabs li { display: inline-block; overflow: hidden; position: relative; margin:0 10px; padding:10px 20px; background: #daa4a0; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.detail_box ul.tabs li a { display: block; color: #8E0F07;font-weight: bold;}
.detail_box ul.tabs li.active,#DFtabs ul.tabs li:hover,#DFtabs ul.tabs li:hover a {	background: #e6ac41; color: #fff;}
.detail_box ul.tabs li.active a {  color: #fff;}
.detail_box .tab_container { width:100%;}
.detail_box .tab_container .movie_box { border: 5px solid #fff;}

/*公佈欄、講座課程*/
.news_list li { border-bottom: 1px solid #B7B6AE; list-style:none;}
.news_list li a { display: block; margin: 10px 0; color: #333;}
.news_list li a:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.news_list li a:hover { color: #A43B35;}
.news_list .pic { float:left;overflow: hidden; margin-bottom: 15px; width: 250px; height: 165px; border: 8px solid #fff;}
.news_list .pic img {
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.news_list a:hover .pic img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
.news_list .pic2 { float:left;overflow: hidden; margin-bottom: 15px; width: 200px; height: 132px; border: 8px solid #fff;}
.news_list .pic2 img {
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}
.news_list a:hover .pic2 img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

.news_list .txt { overflow:hidden; margin-left: 280px; line-height: 2;}
.news_list .txt2 { overflow:hidden; margin-left: 280px; line-height: 2;}
.news_list .txt .date { color: #D9A54C; font-weight: bold; }
.news_list .txt .title { color: #A43B35; font-size:18px; font-weight:bold; }
.news_list a:hover .txt .title { text-decoration: underline; color: #A43B35; }
.news_list .txt .description { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_list .txt .btn { margin-top:5px; background-color:#A43B35; color:#FFF;}
.news_list a:hover .txt .btn { background-color: #AA504D;}
.news_list .sub_txt { clear:both;}
.news_list .sub_txt .sub_title1 { float:left; color: #A43B35; font-size:18px; font-weight:bold;}
.news_list .sub_txt .sub_title2 { margin-left:90px;}
.news_list a:hover .sub_title2 { color:#333333;}

/*常見問題*/
.faq_rightbox { width:100%; float:right; margin:0; padding:0; }
.faq_rightbox a {background: #818282; width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;color: #fff;font-size: 1.1em;}
.faq_rightbox a:hover{background: #A43B34;}

.faq_list_box { clear:both; padding: 20px 0 0;}
.faq_list_box li { margin-bottom: 40px; list-style:none; background-color:#fff;}
.faq_list_box.active:hover:before { border-color: #ccc;}
.faq_list_box .faq_icon { width: 34px; height: 34px; position: absolute; left: 24px; top: 30px; color: #A43B35; font-weight: bold;}
.faq_q, .faq_answer { position: relative; padding: 30px 30px 30px 90px; }
.faq_date_box { margin-bottom: 10px;}
.faq_date_box .faq_date { color: #D9A54C; font-weight: bold; }
.faq_q .faq_q_txt, .faq_answer .faq_q_txt { border-left: 1px solid #666; padding-left: 24px;}
.faq_q {cursor: pointer;}
.faq_list_box.active .faq_q:hover .faq_txt {text-decoration: underline;}
/*.faq_q .faq_icon { background-image: url(../images/message/icon_q.png);}
.faq_answer { display: none; background: #EFEFEF; }
.faq_answer .faq_icon {background-image: url(../images/message/icon_a.png);}*/
.corner { position: relative; overflow: hidden;}
.corner:before {
    content: "";
    display: block;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}
.corner:hover:before, a:hover .corner:before { border-color: #A43B35;}
.corner .cor { display: block; position: absolute; border: solid #A43B35; width: 10px; height: 10px; z-index: 2; pointer-events: none; }
.corner .cor.lt { border-width: 1px 0px 0px 1px; top:    0;  left: 0; }
.corner .cor.rt { border-width: 1px 1px 0px 0px; top:    0; right: 0; }
.corner .cor.lb { border-width: 0px 0px 1px 1px; bottom: 0;  left: 0; }
.corner .cor.rb { border-width: 0px 1px 1px 0px; bottom: 0; right: 0; }

.faq_dl_box { clear:both; padding:20px 10px; color:#A43B34; font-weight:bold; font-size:20px; background-color:#FFF;}
.faq_dl_box .faq_icon2 { float:left; color:#A43B34; font-weight:bold; font-size:20px;}
.faq_dl_box .faq_dl_title { margin-left:50px;}
.faq_dl_box .faq_date2 { color: #D9A54C; font-weight: bold; font-size:14px; }
.faq_dl_box2 { clear:both; margin-top:20px; padding:20px 10px; background-color:#fff;}
.faq_dl_box2 .faq_icon3 { float:left; color:#A43B34; font-weight:bold; font-size:20px;}
.faq_dl_box2 .faq_dl_answer { margin-left:50px;}

/*會員-登入*/
.login_bg { clear:both; margin:50px auto 50px auto; padding:72px 56px 0 79px; width:532px; height:343px; background:url(../images/member/login_bg.png) center top no-repeat; }
.login_icon1 { display:none;}
.login_txt { text-align:center; padding:0 0 20px 0; }
.login_input_box { clear:both; overflow:hidden; margin:0 0 20px 0; }
.input_box_left { float:left; width:280px;}
.input_box_sub1 { clear:both; overflow:hidden; margin:5px 0 20px 0;}
.input_title { float:left; color:#A43B34; font-size:16px; font-weight:bold; padding:5px 0 0 0; }
.login_input { border-radius:5px; background-color:#fff; width:200px; height:32px; border: 1px solid #fff; padding:0 10px 0 10px; color:#333; }
.input_box_right { float:right; height:117px; }
.login_title1 { display:none;}

.login_input_box2 { clear:both; margin:0 auto; overflow:hidden; font-size:16px; text-align:center;}
.login_input_box2 a { color: #A43B34; text-shadow: 1px 1px 1px #fff; vertical-align:middle;}
.login_input_box2 a:hover { color: #A43B34; text-decoration:underline; }
.login_input_box2 i { padding-right:10px; color:#A43B34; text-shadow: 1px 1px 1px #fff; vertical-align: middle;}
.bt_forget1 { display: inline-block; padding:0 0 10px 0px;}
.bt_add1 {  display: inline-block; padding:0 0 10px 30px;}

/*會員-忘記密碼*/
.forget_bg { clear:both; margin:50px auto 50px auto; padding:72px 56px 0 79px; width:532px; height:343px; background:url(../images/member/forget_bg.png) center top no-repeat; }
.login_txt2 { text-align:center; padding:10px 0 20px 20px; }
.login_input_box3 { clear:both; overflow:hidden; text-align:center; margin:0 auto 30px auto; }
.input_title2 { clear:both; color:#A43B34; font-size:16px; font-weight:bold; padding:10px 0 10px 0; }
.login_input2 { clear:both; border-radius:5px; background-color:#fff; width:80%; height:32px; border: 1px solid #fff; padding:0 10px 0 10px; color:#333; }
.forget_title1 { display:none;}

/*加入會員*/
.txt_box1 { clear:both; background:url(../images/all/icon2.png) left 3px no-repeat; margin:20px 0 0 0; padding:0 0 20px 23px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #EFA226; }
.txt_box1 ol { margin:0; padding:0 0 0 20px; }

.field_box1 { clear:both; overflow:hidden; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #EFA226; }
.field_title1 { float:left; width:130px; color:#B21F3A; font-weight:bold; background:url(../images/all/icon1.png) left 3px no-repeat; padding:0 0 0 30px;}
.field_data1 { margin-left:130px;}
.field_txt1 { color:#CC3703;}
.field_data1 input,select { border-radius:5px; background-color:#fff; height:32px; border: 1px solid #CCCCCC; padding:0 10px 0 10px; color:#333; }
.field_data1 .input1 { width:80%;}/*e-mail*/
.field_data1 .input2 { width:30%;}/*會員密碼、姓名、聯絡電話、行動電話*/
.field_data1 .input3 { width:8%;}/*郵遞區號*/
.field_data1 .input4 { width:50%;}/*地址*/
.field_data1 .input5 { width:15%;}/*驗証碼*/
.field_data1 .select1 { font-size:16px;}/*生日下拉*/
.field_data1 .select2 { font-size:16px;}/*地址下拉*/
.field_data1 span { margin:0;}

/*會員專區*/
.mem_info { margin:30px 0; color:#A43B35; font-size:20px; text-align:center;}
.mem_info2 { margin:30px 0 0 0; color:#A43B35; font-size:20px; text-align:center;}
.mem_info a, .mem_info2 a { margin-left:20px; color:#A43B35;}
.mem_info a:hover, .mem_info2 a:hover { text-decoration:underline;}
.mem_box { padding:0 0 2em 0; }
.mem_box .mem_item { text-align:center; margin-bottom:2em;}
.mem_box .mem_item a { display:block; width:240px; height:240px; padding-top:55px; margin:0 auto; background:#FFF; color:#A43B35; border-radius:50%;
border: 3px solid #CA817D;
background: #fce6c9;/*上方的顏色#fce6c9、下方的顏色#f3bb7f*/
background: -moz-linear-gradient(top,  #fce6c9 0%, #f3bb7f 100%);
background: -webkit-linear-gradient(top,  #fce6c9 0%,#f3bb7f 100%);
background: linear-gradient(to bottom,  #fce6c9 0%,#f3bb7f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce6c9', endColorstr='#f3bb7f',GradientType=0 );
}
.mem_box .mem_item a:hover { box-shadow:0 0 10px #A43B35; text-decoration:none; color:#A43B35; }
.mem_box .mem_item span { display:block; margin:0 auto 10px; font-size:60px; }
.mem_box .mem_item p { font-size:24px; }

/*報名記錄*/
.order_list .table2 { width:100%; background-color:#FEF4E9; border: 2px solid #fff;}
.order_list .table2 th { padding:10px; background-color:#F9D6CA; border-right:2px solid #fff; color:#A43B34; font-size:18px; font-weight:bold; text-align:center;}
.order_list .table2 tr { border-top: 2px solid #fff;}
.order_list .table2 td { padding:10px; border-right:2px solid #fff;}
.order_list .table-striped > tbody > tr:nth-of-type(odd) { background-color:#F7EBE8;}
.order_list .table2 .td_title1 { color:#A43B34; font-weight:bold;}
.order_list .table2 .td_title2 { color:#A43B34; font-weight:bold; text-align:left;}
.order_list .table2 .fa-download { color:#A43B35; font-size:26px;}
.field_data2 { margin:0;}
.field_data2 input,select,textarea { border-radius:5px; background-color:#fff; height:32px; border: 1px solid #CCCCCC; padding:0 10px 0 10px; color:#333; }
.field_data2 .textarea1 { width:100%; height:80px;}
.field_data2 .input5 { width:15%;}/*驗証碼*/

/*影音*/
.video_box { clear:both; padding-bottom:80px;}
.video_img { border: 5px solid #fff;}
.video_title { margin-top:10px; text-align:center; color:#A43B35; font-size:18px; font-weight:bold;}
.play_mv{ display:inline-block; font-size:0.8rem; color:#fff; background:#000; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; line-height:30px; padding:0 12px; margin-right:12px;}
.f_right{ float:right;}
.video_leftbox { width:70%; float:left; margin:0; padding:0; }
.video_leftbox a {background: #818282; width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;color: #fff;font-size: 1.1em;}
.video_leftbox a:hover{background: #A43B34;}
.video_leftbox form#form_search { float:none;}

/*共用：影音頻道、相簿集錦*/
.list1 { clear:both; overflow:hidden; margin:0 auto 10px auto; padding:0;}
.list1 .list1_item { margin-bottom:15px;}
.list1 .list1_item a { margin:0 auto; }
.list1 .list1_item .item_img1 { padding:5px; box-shadow: 1px 1px 2px #CCC; background-color:#FFF; text-align:center; }
.list1 .list1_item .item_img1 img{ width:100%;}
.list1 .list1_item a:hover .item_img1 { border: 1px solid #A43B35; }
.list1 .list1_item .item_name1 { margin:15px 0 0 0; text-align:center; color:#A43B35; font-size:18px; font-weight:bold;}
.list1 .list1_item a:hover .item_name1 { color:#E76118;}
.list1 .list1_item .item_date1 { margin:0; text-align:center;}
.list1 .list1_item a:hover .item_date1 { color:#E76118; }
.list_h{ height:80px; overflow:hidden; margin-top:14px;}

/*雲端書庫*/
.list2_info { margin:0 20px 20px 20px;}
.list2 { clear:both; overflow:hidden; margin:0 auto 10px auto; padding:0;}
.list2 .list2_item { margin-bottom:15px;}
.list2 .list2_item a { margin:0 auto; }
.list2 .list2_item .item_img2 { padding:5px; height:325px; box-shadow: 1px 1px 2px #CCC; background-color:#FFF; text-align:center;}
.list2 .list2_item a:hover .item_img2 { border: 1px solid #A43B35; }
.list2 .list2_item .item_name2 { margin:15px 0 0 0; text-align:center; color:#A43B35; font-size:18px; font-weight:bold;}
.list2 .list2_item a:hover .item_name2 { color:#E76118;}
.list2 .list2_item .item_date2 { margin:0; text-align:center;}
.list2 .list2_item a:hover .item_date2 { color:#E76118; }

.dl_box1 { clear:both; padding-bottom:20px;}
.dl_left_box { float:left; margin-right:20px; width:250px;}
.dl_img_box { margin-bottom:15px; padding:5px; height:348px; box-shadow: 1px 1px 2px #CCC; background-color:#FFF; text-align:center;}
.dl_right_box { margin-left:270px;}
.dl_date2 { color: #D9A54C; font-weight: bold;}
.dl_title3 { color:#A43B34; font-weight:bold; font-size:22px; width:100%;}
.dl_txt_box { margin-top:10px;}

/*全文搜尋*/
.search_list{ margin:0; padding:0;}
.search_list li { border-bottom: 1px dashed #B7B6AE; list-style:none;}
.search_list li a { display: block; margin: 25px 0; color: #A43B35; font-weight:bold;}
.search_list li a:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.search_list li a:hover { text-decoration:underline;}
.search_list .pic { float:left;  width:30%; margin-right:5%; }
.search_list .pic img{ width:100%;}

.news_list2 li a .gray_tx{ color:#666;}
.search_list2{ list-style-type:none; margin:0; padding:0;}
.search_list2 li{ border-bottom: 1px solid #B7B6AE; padding:0 12px;}
.search_list2 li a { display: block; margin: 25px 0; color: #000;}
.search_list2 li .search_title{ font-weight:bold; font-size:1.2rem;}
.search_list2 li a span{ color:#858585;}
.search_list2 li a:hover, .search_list2 li a:hover span{ color:#a43c34;}

/*RSS*/
.rss_list{ margin:0; padding:0;}
.rss_list li { float:left; display:block; width:48%; margin:0 1%; list-style:none;}
.rss_list li a {  margin: 25px 0; color: #A43B35; font-weight:bold;}
.rss_list li a i{ color:#ff6600;}
.rss_list li a .fa-rss{ color:#FFF;}

@media (max-width: 1024px) {
/*雲端書庫*/
.list2 .list2_item .item_img2 { height:278px;}
.list_h{ height:120px; }

}

@media screen and (max-width: 1000px) {
/*公佈欄*/
.news_list .pic {  display: inline-block; margin-bottom: 5px;}
.news_list .pic2 {  display: inline-block; margin-bottom: 5px;}
.news_list .txt { margin-left: 280px;}
.news_list .txt2 { margin-left: 230px;}

}

@media (max-width: 996px) { 

}

@media (max-width: 768px) { 
/*清單1_共用*/
.list1 .list1_item { width:100%}
.list_h{ height:180px; }
/*常見問題*/
.faq_list_box {	margin-bottom: 20px;}
.faq_list_box .faq_icon { top: 14px; left: 20px; }
.faq_date_box {	padding-left: 45px; }
.faq_q, .faq_answer { padding: 20px 20px 15px;}
.faq_q .faq_q_txt, .faq_answer .faq_q_txt { border: 0; padding: 0 0 0 40px; }

/*會員-登入*/
/*.login_bg { background:url(../images/member/login_bg2.png) center top no-repeat; }
.input_box_right { float:none;}*/

/*會員-忘記密碼*/
/*.forget_bg { background:url(../images/member/forget_bg2.png) center top no-repeat; }*/

/*加入會員*/
.field_data1 .input1 { width:100%;}/*e-mail*/
.field_data1 .input2 { width:50%;}/*會員密碼、姓名、聯絡電話、行動電話*/
.field_data1 .input3 { width:15%;}/*郵遞區號*/
.field_data1 .input4 { margin-top:5px; width:100%;}/*地址*/
.field_data1 .input5 { width:25%;}/*驗証碼*/

/*雲端書庫*/
.list2 .list2_item .item_img2 { height:auto;}

}

@media (max-width: 640px) {
/*訊息底層_共用*/
.detail_box .img_box { width:100%; }/*多張圖*/

/*會員-登入*/
.login_bg,.forget_bg { margin:0px auto 50px auto; padding:20px; width:100%; height:auto;  border-radius:10px; border: 3px solid #CA817D;
background: #fce6c9;/*上方的顏色#fce6c9、下方的顏色#f3bb7f*/
background: -moz-linear-gradient(top,  #fce6c9 0%, #f3bb7f 100%);
background: -webkit-linear-gradient(top,  #fce6c9 0%,#f3bb7f 100%);
background: linear-gradient(to bottom,  #fce6c9 0%,#f3bb7f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce6c9', endColorstr='#f3bb7f',GradientType=0 );
}
.login_icon1 { display:block; float:left;}
.login_txt { margin-left:92px; padding:20px 0 0 0;}
.login_input_box { text-align:center;}
.input_box_left { width:100%;}
.input_title { float:none; text-align:left;}
.login_input { width:100%;}
.input_box_right { float:right; width:100%;}
.login_title1 { display:block;}

/*會員-忘記密碼*/
.login_input2 { width:100%;}
.forget_title1 { display:block;}

/*常見問題*/
.faq_rightbox { width:100%; float:none; margin:0; padding:0; }
.faq_rightbox form#form_search{ width:100%; }
.faq_rightbox form#form_search input{ width:90%;}

.dl_title3 { float:none; width:100%; }

.list_h{ height:auto; }
.news_list{ padding-right:40px;}
}

@media (max-width: 480px) {
/*按鈕*/
.btn_box .btn,.btn_box2 .apply_btn, .btn_box2 .submit_btn, .btn_box2 .download_btn
{ margin:0 0 0.5rem 0; padding:10px 0; display:block; font-size:1rem;}
.btn_box2 .download_btn img { width:auto;}

/*訊息底層_共用*/
.detail_box img { width:100%;}
.detail_box .img_left { float: none; padding-right:0; }
.detail_box .img_right { float: none; padding-left:0; }

.detail_box ul.tabs { margin:0; padding: 0;}
.detail_box ul.tabs li {margin:0px 1px; padding: 10px 6px;}

/*公佈欄*/
.news_list .date { display: block; float: none; margin: 0; }
.news_list .description { white-space: normal;}
.news_list .pic { float:none; width: auto; height: auto;    display:inline-block; margin:0 auto 0px auto;}
.news_list .pic2 { float:none; width: auto; height: auto;    display:inline-block; margin:0 auto 0px auto;}
.news_list .txt { margin-left: 0px;}
.news_list .txt2 { margin-left: 0px;}

/*加入會員*/
.field_title1 { float:none; width:100%;}
.field_data1 { margin:5px 0 0 0;}
.field_data1 .input1 { width:100%;}/*e-mail*/
.field_data1 .input2 { width:100%;}/*會員密碼、姓名、聯絡電話、行動電話*/
.field_data1 .input3 { margin-bottom:5px; width:20%;}/*郵遞區號*/
.field_data1 .input4 { width:100%;}/*地址*/
.field_data1 .input5 { margin-bottom:5px; width:100%;}/*驗証碼*/
.field_data1 .code_img { display:block;}/*驗証碼圖片*/
.field_data1 .select1 { margin-bottom:5px; width:87%;}/*生日下拉*/
.field_data1 .select2 { margin-bottom:5px; width:100%;}/*地址下拉*/

/*報名記錄*/
.field_data2 .input5 { margin-bottom:5px; width:100%;}/*驗証碼*/
.field_data2 .code_img { display:block;}/*驗証碼圖片*/
.field_data2 .code_img img { width:auto;}

/*雲端書庫*/
.dl_box1 { clear:both; padding-bottom:0;}
.dl_left_box { float:none; width:100%;}
.dl_img_box { height:auto;}
.dl_right_box { margin:20px 0 0 0;}

}
@media (max-width: 380px) { 
.video_leftbox{ width:60%;}
}
@media (max-width: 320px) { 
/*會員-登入*/
.bt_add1 { padding:0 0 10px 0px;}

/*RSS*/
.rss_list li{ width:100%; margin:0;}


}