/* default.css */
body{background-image:url(../images/bg.jpg);font-size:12px;}
input[type="text"], input[type="password"], textarea{line-height:24px;font-size:1.2em;-webkit-appearance: none;}
input[type="submit"], input[type="reset"], input[type="button"], button{line-height:28px;font-size:1.2em;-webkit-appearance: none;}

.wrapped{width:100%;min-width:768px;display:block;}
.top{position:relative;width:100%;height:70px;background-color:#111111;border-bottom:1px solid #000;display:block;}
.top .logo{width:400px;height:49px;display:block;float:left;}
.top .auth{width:250px;height:49px;margin-right:50px;line-height:49px;color:#fff;font-size:12px;text-align:right;display:block;float:right;}
.top .auth .info{width:250px;height:25px;line-height:25px;padding-top:16px;display:block;}
.top .auth .info a{color:#fff;}
.top .auth .info a:hover{color:#ff0;}
.top .auth a.icon_logout{z-index:1;position:absolute;top:7px;right:5px;width:36px;height:36px;background-image:url(../images/icon_logout.png);display:block;}
.content{width:100%;min-height:700px;background-color:#fff;display:block;}
.content .left_menu{width:20%;min-width:200px;min-height:700px;background-color:#36475D;display:block;float:left;}
.content .left_menu .menu{width:100%;}
.content .left_menu .menu li{width:100%;height:41px;border-bottom:1px dotted #fff;display:block;}
.content .left_menu .menu li a{width:100%;height:41px;line-height:41px;text-indent:20px;color:#fff;font-size:13px;display:block;}
.content .left_menu .menu li .sub_menu{width:100%;height:41px;line-height:42px;display:none;}
.content .left_menu .menu li .sub_menu li{background-color:#527096;}
.content .left_menu .menu li.on a{color:#ff0;}
.content .left_menu .menu li.on .sub_menu{width:100%;height:41px;line-height:42px;display:block;}
.content .left_menu .menu li.on .sub_menu li a{color:#fff;}
.content .left_menu .menu li.on .sub_menu li.on a{color:#0f0;}
.content .page{padding-left:1%;width:78%;min-height:500px;display:block;float:left;}
.content .page .page_top{width:100%;height:41px;border-bottom:1px dotted #ccc;display:block;}
.content .page .page_top h2{width:300px;height:41px;line-height:41px;font-size:1.6em;display:block;float:left;}
.content .page .page_top div{padding-right:10px;width:400px;height:41px;line-height:41px;text-align:right;display:block;float:right;}
.content .page .page_content{width:100%;display:block;}
.content .page .info{width:100%;display:block;}
.content .page .page_content table{margin:20px auto;width:98%;border:1px solid #ccc;}
.content .page .page_content table caption{text-align:left;font-size:1.3em;font-weight:bold;line-height:36px;}
.content .page .page_content table th{padding:5px 5px;width:110px;background-color:#eee;border:1px solid #ccc;text-align:left;font-size:1em;font-weight:normal;line-height:32px;}
.content .page .page_content table td{padding:5px 5px;background-color:#fff;border:1px solid #ccc;text-align:left;font-size:1em;font-weight:normal;line-height:32px;}
.content .page .page_content table td.product_list a{width:50%;display:block;float:left;}
.content .page .page_content table td._center{text-align:center;}
.content .page .info .search{position:relative;height:150px;padding:10px 10px 10px 10px;background-color:#F0F0F0;border:1px solid #bbb;display:block;}
.content .page .info .search table{margin:20px auto;width:98%;border:1px solid #ccc;}
.content .page .info .search table caption{text-align:left;font-size:1.3em;font-weight:bold;line-height:36px;}
.content .page .info .search table th{padding:5px 5px;width:80px;background-color:#eee;border:1px solid #ccc;text-align:left;font-size:1em;font-weight:normal;line-height:32px;}
.content .page .info .search table td{padding:5px 5px;background-color:#fff;border:1px solid #ccc;text-align:left;font-size:1em;font-weight:normal;line-height:32px;}
.content .page .info .search select{width:270px;}
.content .page .info .search select.num{width:66px;}
.content .page .info .search input[type="text"]{width:133px;}
.content .page .info .search .keyword{width:100%;line-height:36px;}
.content .page .info .search .keyword label{line-height:36px;}
.content .page .info .search .keyword input{width:276px;}
.content .page .info .search .condition_item{width:400px;line-height:36px;dislpay:block;float:left;}
.content .page .info .search .condition_item label{line-height:36px;}
.content .page .info .search .condition_item select{height:28px;}
.content .page .info .search .title{width:110px;display:inline-block;}
.content .page .info .search .buttons{z-index:1;position:absolute;right:0px;bottom:0px;width:130px;height:42px;}
.content .page .info .page_info{margin-top:20px;width:100%;height:36px;display:block;}
.content .page .info .page_info ._left{width:70%;height:36px;line-height:36px;display:block;float:left;}
.content .page .info .page_info ._left h2{padding-left:10px;font-size:19px;}
.content .page .info .page_info ._left h2 span{font-size:12px;color:#999;font-weight:normal;}
.content .page .info .page_info ._sright{padding-right:10px;width:22%;height:36px;line-height:36px;text-align:right;display:block;float:right;}
.content .page .info .data_list{width:100%;display:block;clear:both;}
.content .page .info .data_list .tbdata {width:100%; border-collapse:collapse; border:1px solid #aaaaaa; background-color:#343434; border-radius:5px; padding:5px; line-height:28px; margin-top:4px; margin-bottom:4px; margin-left:auto; margin-right:auto; }
.content .page .info .data_list .tbdata th { background-color:#747474; border:1px solid #aaaaaa; line-height:28px; color:#ffffff; font-weight:bold; font-size:13px; padding:5px; text-align:center; }
.content .page .info .data_list .tbdata th a { color:#ffffff; text-decoration:none; }
.content .page .info .data_list .tbdata th a:hover { color:#ffff00; }
.content .page .info .data_list .tbdata td {border:1px solid #aaaaaa; line-height:28px; color:#111111; font-size:13px; padding:5px; }
.content .page .info .data_list .tbdata td.tb0 { background-color:#ffffff; }
.content .page .info .data_list .tbdata td.tb1 { background-color:#ffffcc; }
.content .page .info .data_list .tbdata td .icon_home {float:right;margin-top:-26px;}
.content .page .info .data_info{ margin:20px auto;width:100%; border-collapse:collapse; border:1px solid #aaaaaa; background-color:#343434; border-radius:5px; padding:5px; line-height:28px;}
.content .page .info .data_info th{width:110px;}
.content .page .info .data_info input[type="text"], .content .page .info .data_info input[type="password"], .content .page .info .data_info input[type="number"]{width:90%;border:0px none;font-size:1em;}
.content .page .info .data_info textarea{width:100%;height:120px;border:0px none;font-size:1em;}
.content .page .info .data_info select{width:100%;border:0px none;font-size:1.2em;}
.content .page .info .data_info label{margin-right:10px;}
.content .page .info .data_info .sort_num input[type="text"]{width:50px;border:1px solid #bbb;}
.content .page .info .data_info td.address select{width:15%;height:28px;border:1px solid #bbb;}
.content .page .info .data_info td.address input{width:53%;border:1px solid #bbb;}
.content .page .info .data_info td.time input{width:100px; border:1px solid #bbb;}
.content .page .info .data_info td.time select{width:46px;height:28px; border:1px solid #bbb;}
.content .page .info .buttons{margin-top:20px;width:100%;height:60px;text-align:center;}
.content .page .info .page_num{width:100%;height:36px;display:block;}
.content .page .info .page_num ._right{margin-right:10px;width:70%;height:36px;display:block;float:right;}
.content .page .info .home_tip{margin-top:30px;line-height:50px;font-size:1.3em;text-align:center;}
.content .login_page{width:100%;height:600px;background-color:#ddd;}
.content .login_page table{margin:0px auto;width:310px;background-color:#fff;border:0px none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-shadow:0px 0px 3px rgba(20%,20%,40%,0.5);}
.content .login_page table tbody{padding:10px 10px; display:block;}
.content .login_page table tbody td{padding:10px 10px;line-height:28px;}
.content .login_page table tbody td input[type="text"], .content .login_page table tbody td input[type="password"]{width:180px;border:1px solid #bbb;}
.content .login_page table tbody td.security {width:60px;padding-right:0px;}
.content .login_page table tbody td.securityimg {padding-left:2px;}
.content .login_page table tbody td.security input{width:60px;}
.content .login_page table tbody td.buttons{text-align:center;}
.content .login_page table tbody td .field_icon{width:35px;height:35px;}
.footer{width:100%;height:50px;display:block;background-color:#000;clear:both;}
.footer .copyright{margin:0px auto;width:300px;height:50px;line-height:50px;text-align:center;color:#727272;display:block;}
.tip{color:#ff8000;line-height:36px;}

.pageNav { clear:both; height:16px; font-size:12px; text-align:right; }
.pageNav a { color:#0000FF; line-height:32px; text-decoration:none; }
.pageNav a:hover { color:#FF0000; }
.pageNav a.first { background-image:url(../images/but_p2_f2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.first:hover { background-image:url(../images/but_p2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.previous { background-image:url(../images/but_p1_f2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.previous:hover { background-image:url(../images/but_p1.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav span.selected { font-weight:bold; font-size:12pt; }
.pageNav a.next { background-image:url(../images/but_n1_f2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.next:hover { background-image:url(../images/but_n1.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.last { background-image:url(../images/but_n2_f2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.last:hover { background-image: url(../images/but_n2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }

.products{width:100%;display:block;}
.products div{position:relative;margin:5px 5px;width:18%;height:120px;background-repeat:no-repeat;background-position:center 5px;background-size:auto 100px;border:1px solid #bbb;display:block;float:left;}
.products div span{z-index:1;position:absolute;left:0px;bottom:0px;width:100%;line-height:22px;text-align:center;background-color:rgba(196,196,196, 0.4);display:block;}
.products div a.btn_del{z-index:2;position:absolute;right:0px;top:0px;width:36px;height:36px;background-image:url(../images/icons-shadowless-24/cross.png);background-repeat:no-repeat;background-position:center center;display:block;}
.products .no_img{width:100%;height:42px;line-height:42px;color:#bbb;text-align:center;display:block;}

.wp5 { width:5% !important;}
.wp7 { width:7% !important; }
.wp10 { width:10% !important; }
.wp11 { width:11% !important; }
.wp12 { width:12% !important; }
.wp13 { width:13% !important; }
.wp14 { width:14% !important; }
.wp15 { width:15% !important; }
.wp16 { width:16% !important; }
.wp17 { width:17% !important; }
.wp18 { width:18% !important; }
.wp19 { width:19% !important; }
.wp20 { width:20% !important; }
.wp21 { width:21% !important; }
.wp22 { width:22% !important; }
.wp23 { width:23% !important; }
.wp24 { width:24% !important; }
.wp25 { width:25% !important; }
.wp26 { width:26% !important; }
.wp27 { width:27% !important; }
.wp28 { width:28% !important; }
.wp29 { width:29% !important; }
.wp30 { width:30% !important; }
.wp31 { width:31% !important; }
.wp32 { width:32% !important; }
.wp34 { width:34% !important; }
.wp36 { width:36% !important; }
.wp38 { width:38% !important; }
.wp40 { width:40% !important; }
.wp48 { width:48% !important; }

.checkbox130 {width:100%;}
.checkbox130 label{width:130px;height:36px;line-height:36px;display:block;float:left;}

.must{color:#ff0000;}
.f12_gray{color:#aaa;}
.f_red{color:#c00;}

._left { text-align:left; }
._right { text-align:right; }
._center { text-align:center; }
._bottom { vertical-align:bottom; }
._center_b { margin-left:auto; margin-right:auto; }

#menu_button{z-index:10;position:fixed;left:0px;top:140px;width:20px;height:60px;line-height:60px;border-top:1px solid #111;border-right:1px solid #111;border-bottom:1px solid #111;border-radius:0px 5px 5px 0px;background-color:#36475D;color:#fff;text-align:center;display:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;opacity:0.2;}
#upload_image {z-index:1000;position:fixed;left:0px;top:0px;width:100%;height:800px;background-color:rgba(255,255,255,0.8);display:none;}
#upload_image table{margin:20px auto;width:640px;border:1px solid #ccc;}
#upload_image table caption{text-align:left;font-size:1.3em;font-weight:bold;line-height:36px;}
#upload_image table th{padding:5px 5px;width:110px;background-color:#eee;border:1px solid #ccc;text-align:left;font-size:1em;font-weight:normal;line-height:32px;}
#upload_image table td{padding:5px 5px;background-color:#fff;border:1px solid #ccc;text-align:left;font-size:1em;font-weight:normal;line-height:32px;}
#upload_image table th{width:110px;}
#upload_image table input[type="text"], .content .page .info .data_info input[type="password"], .content .page .info .data_info input[type="number"]{width:90%;border:0px none;font-size:1em;}
#upload_image table label{margin-right:10px;}
#upload_image .buttons{margin:20px auto;width:640px;height:60px;text-align:center;}

@media screen and (max-width:970px) {
	#menu_button{display:block;}
	.content .left_menu{z-index:10;position:absolute;left:-200px;top:50px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;}
	.content .page{width:98%;}
}

/* 多國語系列表標題 */
.topic_list_label {width:55px;margin-right:5px;text-align:right;font-weight:bold;float:left;display:block;}
.lang_topic {font-weight:bold; font-size:16px;}


#delete_file{
    cursor: pointer;
    padding: 10px;
    margin: 0 auto;
    background: #bbb;
}

.delete_checked_file{
    color: #606060;
    border: solid 1px #b7b7b7;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    cursor: pointer;
    padding: 10px;
    margin-left: 20px;
}
.checkbox_style{
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.edit_checked_file{
    color: #606060;
    border: solid 1px #b7b7b7;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    cursor: pointer;
    padding: 10px;
    margin-left: 20px;
}